<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile" contentType="text/html"
	renderKitId="PRIMEFACES_MOBILE">

	<pm:page title="Components">

		<style>
.th-groups th {
	text-align: center;
	background-color: rgba(0, 0, 0, .1);
	border-right: 1px solid #fff;
}

.ui-li-custom .ui-li-count {
	right: 10px !important;
}
</style>

 

		<pm:view id="myfiles" >
			<pm:header title="Drop File">
				<f:facet name="left"><p:button value="Back" icon="back" onclick="PrimeFaces.back()" /></f:facet>
				<pm:navBar>
					<p:button value="Send" icon="home" href="send-message.jsf?reverse=true" />
					<p:button value="My Files" icon="info" href="myfiles.jsf?reverse=true"
						styleClass="ui-btn-active ui-state-persist" />
					<p:button value="Admin" icon="search" href="admin.jsf?reverse=true" />	
				</pm:navBar>

			</pm:header>

		 <pm:content>			
			 	<h3 align="center">SENT FILES</h3>
			 	<p:dataList paginator="false" rows="10" value="#{tableBean.sentFiles}" var="sentFile"> 
                     <f:attribute name="filter" value="true" />
                    
                    <h:outputLink value="#lists">                                                
                        <p:graphicImage value="/images/fileicon/#{sentFile.type}.png" />
                        <h2 class="visibility:hidden"  >#{sentFile.fileName}</h2>                                                
                        <p class="ui-li-aside" ><strong>#{sentFile.txId}</strong></p>   
                        <p >#{sentFile.expiryDate}</p>                        
                        <p>Sent to: #{sentFile.recipientEmail}</p>
                    </h:outputLink>                    
                </p:dataList>  
			</pm:content>


		</pm:view>


	</pm:page>

</f:view>
